// 定义一个 mixin，用于判断是否为移动端设备
@mixin mobile {
  @media only screen and (max-width: 767px) {
    @content;
  }
}
/**
滚动条美化
 */
@mixin scroll-buty() {
  &::-webkit-scrollbar  {
    width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px;
  }
  &::-webkit-scrollbar-thumb {
    border-radius: 6px;
    // -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: rgba(144, 147, 153, 0.5);
  }
  &::-webkit-scrollbar-track {
    // -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    background: transparent;
  }
}


/**
ant卡片样式，需要指定ant-card高度或父容器高度，ant-card-body占剩下的且超出滚动
 */
@mixin a-card-flex() {
  .ant-card{
    height: 100%;
    display: flex;
    flex-direction: column;
    .ant-card-body{
      flex: 1;
      overflow-y: auto;
    }
  }
}

/**
tab卡片样式，需要指定ant-card高度或父容器高度，ant-card-body占剩下的且超出滚动
 */
@mixin a-tabs-flex() {
  .ant-tabs{
    height: 100%;
    display: flex;
    flex-direction: column;
    .ant-tabs-content-holder{
      flex: 1 !important;
      overflow-y: scroll !important;
    }
  }
}
